@import "common.css";

#container-main{
  .discover-main{
    .layui-tab-brief{
      margin-top: 37px;
      .layui-tab-title{
        border-bottom: none;
        display: flex;
        justify-content: center;
        align-items: center;
        li{
          font-size: 28px;
          color: #9B9B9B;
          letter-spacing: 0;
          text-align: center;
          line-height: 28px;
          &:first-child{
            margin-right: 154px;
          }
        }
        .layui-this{
          color: #2F5AFF;
          &:after{
            border-bottom: 2px solid #2F5AFF;
          }
        }
      }
      .layui-tab-content{
        overflow: hidden;
        padding: 0;
        .dyn{
          .layui-tab{
            margin-top: 26px;
            .layui-tab-title{
              li{
                margin-top: 37px;
                font-weight:700;
                font-size: 24px;
                color: #36404A;
                letter-spacing: 1px;
                line-height: 24px;
                &:first-child{
                  margin-right: 0;
                }
              }
              .layui-this{
                color: #2F5AFF;
                &:after{
                  border-bottom: none;
                }
              }
            }
            .layui-tab-content{
              padding-top: 60px;
              .dyn-i-s-d{
                .dyn-news{
                  overflow: hidden;
                  float: left;
                  width: 258px;
                  height: 347px;
                  border-radius:8px;
                  background-color: #fff;
                  border: 1px solid #EEEEEE;
                  margin-right: 56px;
                  margin-bottom: 30px;
                  &:nth-child(4n){
                    margin-right: 0;
                  }
                  .news-img{
                    display: block;
                    width: 100%;
                    height: 196px;
                    margin-bottom: 17px;
                    img{
                      width: 100%;
                      height: 100%;
                    }
                  }
                  .news-title{
                    text-decoration: none;
                    font-size: 17px;
                    color: #4A4A4A;
                    letter-spacing: 0;
                    line-height: 17px;
                    display: block;
                    padding: 0 7px 10px 10px;
                  }
                  .news-label{
                    display: inline-block;
                    font-size: 14px;
                    color: #94A5FA;
                    letter-spacing: 0;
                    line-height: 15px;
                    margin: 0 7px 16px 10px;
                    cursor: pointer;
                  }
                  .user-f{
                    border-bottom: 1px solid #EEEEEE;
                    width: 100%;
                    overflow: hidden;
                    ul{
                      li{
                        float: left;
                        font-size: 14px;
                        color: #D0D4DB;
                        letter-spacing: 0;
                        line-height: 15px;
                        margin: 0 22px 16px 0;
                        .icon{
                          margin-left: 10px;
                          width: 15px;
                          height: 15px;
                          display: inline-block;
                          background-color: #D0D4DB;
                        }
                        i{
                          vertical-align: middle;
                          display: inline-block;
                          font-style: normal;
                        }
                      }
                    }
                  }
                  .news-data{
                    font-size: 13px;
                    color: #6E6E6E;
                    letter-spacing: 0;
                    text-align: right;
                    width: 100%;
                    height: 44px;
                    line-height: 44px;
                  }
                }
              }
              #laypage{
                .layui-laypage{
                  margin: 10px 0 10px 381px;
                  a,span{
                    overflow: hidden;
                    color: #999999;
                    text-align: center;
                    padding: 0;
                    width: 31px;
                    height: 31px;
                    background: #F8F9FB;
                    border-radius: 8px;
                    margin-right: 20px;
                  }
                }
              }
              #laypage-s{
                .layui-laypage{
                  margin: 10px 0 10px 381px;
                  a,span{
                    overflow: hidden;
                    color: #999999;
                    text-align: center;
                    padding: 0;
                    width: 31px;
                    height: 31px;
                    background: #F8F9FB;
                    border-radius: 8px;
                    margin-right: 20px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}